<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>志愿者认证-审核中-win</title>
    <link rel="stylesheet" type="text/css" href="__CSS__api.css" />
    <link rel="stylesheet" type="text/css" href="__CSS__aui.css" />
    <style>
        .aui-bar-nav .aui-iconfont {
            position: relative;
            font-family: "aui_iconfont" !important;
            font-size: 0.75rem;
            color: #E73C5C;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            height: 2.4rem;
        }

        .aui-bar-nav {
            background-color: #fff;
        }

        .aui-icon-tu {
            height: 2.4rem;
            width: 49px;
            background: url('__IMG__left.png') no-repeat 0.5rem center;
            background-size: 22px 22px;
        }

        .aui-bar-nav .aui-pull-right {
            padding-right: 0.75rem;
        }

        .aui-bar-nav .aui-title {
            font-size: 0.9rem;
            color: #333333;
            font-weight: 500;
        }
        body{
            background:#fff;
        }
        .container{
            width:100%;
            padding:2.25rem 0;
            background:#f5f5f5;

        }
        .stage{
            width:64%;
            margin:auto;
            display: flex;
            align-items: center;

        }
        .round{
            width:0.75rem;
            height:0.75rem;
            background:#3994F6;
            border-radius:50%;
        }
        .line{
            width:41%;
            height:2px;
        }
        .underLinee{
            border: none;
            background-size: 100% 1px;
            background-repeat: no-repeat;
            background-position: bottom;
            background-image: linear-gradient(0,#3994F6,#3994F6 50%,transparent 50%);
            background-image: -webkit-linear-gradient(90deg,#3994F6,#3994F6 50%,transparent 50%);
        }
        .stageName{
            width:71.25%;
            margin:auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-left:12.36%;
            margin-right:16.39%;
            margin-top:0.7rem;;
        }
        .name{
            font-size:0.75rem;
            color:#3994F6;
        }
        .logo{
            width:2.5rem;
            height:2.5rem;
            margin:auto;
            margin-top:1.8rem;
            margin-bottom:0.75rem;
        }
        .logoImg{
            width:100%;
            height:100%;
        }
        .tishi{
            width:100%;
            font-size:0.75rem;
            color:#333;
            text-align:center;
            margin-bottom:0.5rem;
        }
        .inform{
            font-size:0.65rem;
            color:#999;
            text-align: center;
        }
    </style>
</head>

<body>
<header class="aui-bar aui-bar-nav underLine" style="padding-top:25px;" id="header">
    <a class="aui-pull-left" tapmode="active" onclick="history.go(-1)"> <span class="aui-iconfont aui-icon-tu"> </span> </a>
    <div class="aui-title">志愿者认证</div>
</header>
<div class="container">
    <div class="stage">
        <div class="round"></div>
        <div class="line underLinee"></div>
        <div class="round"></div>
        <div class="line underLinee"></div>
        <div class="round"></div>
    </div>
    <div class="stageName">
        <div class="name">身份认证</div>
        <div class="name">执业认证</div>
        <div class="name">完成</div>
    </div>
</div>
<div class="logo"><img src="__IMG__renzheng_waitting.png" alt="" class="logoImg"></div>
<div class="tishi">提交成功，请等候管理员审核！</div>
<div class="inform">预计1个工作日内审核完毕，审核结果会短信<br>通知到您的注册手机上。</div>
</body>
<script type="text/javascript" src="__JS__api.js"></script>
<script type="text/javascript" src="__JS__tt.js"></script>
<script type="text/javascript">
    window.onload = function(){
        // var rWidth=$api.cssVal($api.dom(".round"),"width");
        // //alert(rWidth);
        // var roundAll=$api.domAll(".round");
        // for(var i=0;i<roundAll.length;i++){
        //     $api.css(roundAll[i],"height:"+rWidth);
        // }
    };

</script>

</html>
